
      
    .mapbox                     { border-top:2px solid #ddd; border-bottom:2px solid #ddd;  }
    .mapbox .infobox img.closebox  { right:20px; top:20px; border:0px solid #f00; }
    .mapbox .infobox            { overflow:hidden;  position:relative; margin-top:20px;  }
    .mapbox .infobox .triangle  { margin-top:10px; position:absolute; width:18px; height:56px; background:url('../images/infobox-triangle-to-left.png');}
    .mapbox .infobox .inner     { margin:10px; background:#fff; margin-left:18px; min-width:200px; max-width:300px; padding:20px;  box-shadow:0px 0px 5px rgba(0,0,0,0.5); }
    .mapbox .infobox .text      { font-size:1.2em; margin-bottom:5px; }
    .mapbox .infobox h2         { margin:0; margin-bottom:5px; padding:0; padding-right:10px;font-size:1.2em; line-height:1.3em; } 
    .mapbox .infobox h2 .hot    { font-size:0.8em; padding:0px 5px 0px 5px; background:#c20; color:#fff; border-radius:3px; }
    .mapbox .infobox a          { line-height:2em; font-size:1.2em; display:block; white-space: nowrap; background:url("../images/arrow-infowindow-right.gif") left no-repeat; color:#000;  padding-left:10px;}
    .mapbox .custom-controls    { opacity:0; position:absolute; margin-top:80px; margin-left:50px; }
    .mapbox .custom-controls .move { position:relative; width:69px; height:69px; background:url("../images/map-controls-move.png") center no-repeat; }
    .mapbox .custom-controls .move a { position:absolute; display:block; width:22px; height:22px;}
    .mapbox .custom-controls .move .toup    { left:50%; margin-left:-11px; }
    .mapbox .custom-controls .move .todown  { left:50%; bottom:0; margin-left:-11px; }
    .mapbox .custom-controls .move .toleft  { top:50%; margin-top:-11px; }
    .mapbox .custom-controls .move .toright { top:50%; margin-top:-11px; right:0;}
    .mapbox .custom-controls .zoom      { opacity:0; margin-top:0px; left:50%; margin-left:-14px; position:relative; }
    .mapbox .custom-controls .zoom-in   { display:block; width:29px; height:29px; background:url("../images/map-controls-zoom-in.png") center no-repeat;}
    .mapbox .custom-controls .zoom-out  { margin-top:5px; display:block; width:29px; height:29px; background:url("../images/map-controls-zoom-out.png") center no-repeat;}
    
